<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:common="http://java.sun.com/jsf/composite/common">
	<h:panelGroup id="accordionWrapper">
		<p:panelGrid>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Fecha"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Pedido"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Cliente"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Fecha de Entrega"></h:outputText>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText value="#{apprMB.ordenProd.fechaCreacion}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText value="#{apprMB.ordenProd.id}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText
						value="#{apprMB.ordenProd.pedidoVenta.clienteBean.nombre}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText value="#{apprMB.ordenProd.fechaEntrega}"></h:outputText>
				</p:column>
			</p:row>
		</p:panelGrid>
		<p:panelGrid styleClass="tableNoGrid">
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Fecha Inicio: "></h:outputText>
					<p:calendar value="#{apprMB.ordenProd.extrusion.fechaInicio}"
						pattern="dd/MM/yyyy hh:mm" styleClass="smallCalendar" locale="es"
						mindate="#{prodSpecMB.currentDate}" id="startDateCal"
						showOn="button" required="true">
					</p:calendar>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Maquina: "></h:outputText>
					<h:outputText
						value="#{apprMB.ordenProd.extrusion.maquina.maqCodigo}"
						id="codigoMaquina"></h:outputText>

					<p:commandLink action="dlg.show()"></p:commandLink>
					<h:outputLink styleClass="btn btn-small pull-right"
						id="openDialogLink" value="javascript:void(0)"
						onclick="dlg.show()">
						<i class="icon-cog"></i>
					</h:outputLink>
					<p:dialog id="dialog" header="Dynamic Dialog" widgetVar="dlg"
						resizable="true">
						<p:ajax event="close" listener="#{apprMB.maquinaDialogClosed}"
							update="codigoMaquina" process="@this"/>
						<common:maquinas selectButtonAction="dlg.hide();" maqTipo="1"
							id="maquinas" selectButtonRendered="true">
						</common:maquinas>
					</p:dialog>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Fecha Final: "></h:outputText>
					<p:calendar value="#{apprMB.ordenProd.extrusion.fechaFin}"
						pattern="dd/MM/yyyy hh:mm" styleClass="smallCalendar"
						mindate="#{prodSpecMB.currentDate}" id="endDateCal"
						showOn="button" locale="es">
					</p:calendar>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Ancho: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.ancho}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Largo: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.largo}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Espesor: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.espesor}"></h:outputText>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Gramos x m2: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.extrusion.grm2}">
						<f:convertNumber maxFractionDigits="2"></f:convertNumber>
					</h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Gramaje: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.extrusion.gramaje}">
						<f:convertNumber maxFractionDigits="2"></f:convertNumber>
					</h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="PB: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.extrusion.pesoBolsa}">
						<f:convertNumber maxFractionDigits="2"></f:convertNumber>
					</h:outputText>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tipo de bolsa: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.itemTipo.descripcion}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tipo de material: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.densidad}"
						converter="DensidadConverter"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tratado: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.tratado}"></h:outputText>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Metros: "></h:outputText>
					<p:inputText id="metrosInput"
						value="#{apprMB.ordenProd.extrusion.metros}" required="true"
						label="Metros:" size="15" style="width:100px;"></p:inputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Bobinas: "></h:outputText>
					<p:inputText id="bobinasInput"
						value="#{apprMB.ordenProd.extrusion.bobinas}" required="true"
						size="15" style="width:100px;"></p:inputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Kilos: "></h:outputText>
					<h:outputText id="kilosValue"
						value="#{apprMB.ordenProd.extrusion.kilos}"></h:outputText>
				</p:column>
			</p:row>
		</p:panelGrid>
		<p:panelGrid
			rendered="#{apprMB.ordenProd.item.depItemPrintSpec.id != null}">
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Texto: "></h:outputText>
					<h:outputText id="text"
						value="#{apprMB.ordenProd.item.depItemPrintSpec.text}" />
				</p:column>
				<p:column rowspan="7" id="imagenId">

				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Color: "></h:outputText>
					<h:outputText id="colorid"
						value="#{apprMB.ordenProd.item.depItemPrintSpec.cantColor}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Cilindro: "></h:outputText>
					<h:outputText id="cilindroid"
						value="#{apprMB.ordenProd.item.depItemPrintSpec.cilindro}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Frente/Dorso: "></h:outputText>
					<h:outputText id="dorsoid"
						value="#{apprMB.ordenProd.item.depItemPrintSpec.frente ? 'Frente' : ''} #{apprMB.ordenProd.item.depItemPrintSpec.dorso ? 'Dorso' : ''}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Largo: "></h:outputText>
					<h:outputText id="largoid" value="#{apprMB.ordenProd.item.largo}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Cantidad: "></h:outputText>
					<h:outputText id="cantidadid" value="#{apprMB.ordenProd.cantidad}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tipo de bolsa: "></h:outputText>
					<h:outputText id="tipobolsaid"
						value="#{apprMB.ordenProd.item.itemTipo.descripcion}" />
				</p:column>
			</p:row>
		</p:panelGrid>
		<p:panelGrid>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Ancho: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.ancho}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Largo: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.largo}"></h:outputText>
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Peso: "></h:outputText>
					<h:outputText value="#{gramaje * largo}">
						<f:convertNumber maxFractionDigits="2"></f:convertNumber>
					</h:outputText>
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Cantidad: "></h:outputText>
					<h:outputText id="confeccionCant"
						value="#{apprMB.ordenProd.cantidad}" />
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tipo de bolsa: "></h:outputText>
					<h:outputText id="confeccionTipoBolsaid"
						value="#{apprMB.ordenProd.item.itemTipo.descripcion}" />
				</p:column>
				<p:column>
					<h:outputText style="font-weight: bold;" value="Tipo de material: "></h:outputText>
					<h:outputText value="#{apprMB.ordenProd.item.densidad}"
						converter="DensidadConverter">
					</h:outputText>
				</p:column>
			</p:row>
		</p:panelGrid>
	</h:panelGroup>
</ui:composition>